.banner{
    height: 600px;
}
.banner1{
    background: url("../img/banner.jpg");
    background-size: cover;
}
.banner2{
    background: url("../img/banner2.jpg");
    background-size: cover;
}
.banner3{
    background: url("../img/banner3.jpg");
    background-size: cover;
}
.card-body .card-text{
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.row-1 li{
    list-style: none;
}
.row-1{
    padding-left: 0;
}
h6{
    font-weight: bolder;
}
.middle{
    width: 100%;
    height: 879px;
    background: url("../img/img-1.png")center center no-repeat;
    background-size: cover;

}
.middle .container .row{
    padding-top: 20px;
}
footer{
    padding-top: 32px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .banner{
        height: 230px;
    }
    .banner1{
        background: url("../img/banner.jpg") center center no-repeat;
        background-size: cover;
    }
    .banner2{
        background: url("../img/banner2.jpg") center center no-repeat;
        background-size: cover;
    }
    .banner3{
        background: url("../img/banner3.jpg") center center no-repeat;
        background-size: cover;
    }
    .middle{
        width: 100%;
        height: 100%;
        background: url("../img/img-1.png");
    }
}